<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  <meta content="yes" name="apple-mobile-web-app-capable" />
  <title>index</title>
  <style type="text/css" media="screen">
  *{
    margin:0;
    padding:0;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
  }
  html,body{
    overflow-x:hidden;
  }
  body{
    background:#eeeeee;
    font-family:"Microsoft YaHei", "KaiTi","Hiragino Sans GB","WenQuanYi Micro Hei", sans-serif;
  }
  h3{
    font-size:14px;
    color:#333333;
    height:25px;
    line-height:25px;
    border-bottom:1px solid #eeeeee;
    padding:15px;
  }
  .questions{
    width:100%;
    margin:15px auto;
  }
  .questions img{
    float:right;
    vertical-align:middle;
    padding-top:10px;
  }
  .item{
    position:relative;
    background:#fff;
  }
  .arrow{
    position:relative;
    margin-top:10px;
    display:inline-block;
    width:13px;
    height:8px;
    float:right;
    background-repeat:no-repeat;
    background:url(./up.png);
    -webkit-transform: rotate(180deg);
    transition: all 0.35s linear;
  }
  .arrow.up{
    -webkit-transform: rotate(0deg);
  }

  p{
    position:relative;
    font-size:14px;
    color:#666666;
    line-height:20px;
    padding:15px;
  }
  .content{
    display:none;
    margin-bottom:15px;
  }
  </style>
</head>
<body>
  <div class="questions">
    <div class="item">
      <h3><span class="arrow"></span>如何写文章？</h3>
      <div class="content">
        <p>
       点击【侧边栏】里面的写作按钮，可发布【碎片】和【文章】。
      </p>
      </div>
    </div>
    <div class="item">
      <h3><span class="arrow"></span>为什么客户端上没有提供录音上传功能？</h3>
      <div class="content">
        <p>你想听到的一定是无杂质的好声音以及精品化的制作效果，所以，我们会严格把关每一个音的质量。<br>如果你有好声音，请联系我们，我们会尽力帮你实现当主播的愿望。</p>
      </div>
    </div>
    <div class="item">
      <h3><span class="arrow"></span>如何当主播，上传录音？</h3>
      <div class="content">
        <p>片刻网站(http://pianke.me/) 提供了投稿的入口，网站右侧有“我要投稿”入口。<br>同时，对收到投稿的音频，我们会一一对质量筛选，被选中的录音，我们会进行专业的音频品质处理，再发布到片刻上，上线的时候会有工作人员联系你。</p>
      </div>
    </div>
  
    <div class="item">
      <h3><span class="arrow"></span>如何使用Ting定时关闭功能？</h3>
      <div class="content">
        <p>进入【Ting】播放器，开启定时按钮，设置好你需要的时间，到点会自动关闭，这样就可以听着故事睡觉了。</p>
      </div>
    </div>
    <div class="item">
      <h3><span class="arrow"></span>如何使用日间/夜间模式切换？</h3>
      <div class="content">
        <p>目前只有在阅读全文的时候，提供了日间模式/夜间模式切换；后续的版本会开发整体的夜间模式切换功能，为大家提供更好的使用体验。</p>
      </div>
    </div>
    <div class="item">
      <h3><span class="arrow"></span>哪些内容是违规的？</h3>
      <div class="content"><p>
        片刻旨在提供一个优质内容，以及热爱聆听、阅读和写作的社区交流平台，希望大家能正确使用它。<br>
        我们不欢迎这些内容：暴力色情、政治敏感话题、谣言虚假信息、垃圾广告、以及其它违反法律法规信息。<br>
        违规内容将被封杀，严重者将封杀帐号。希望大家也积极参与举报违规信息中来，共同为片刻营造一个更美好更干净的氛围。</p>
      </div>
    </div>
    <div class="item">
      <h3><span class="arrow"></span>更多帮助？</h3>
      <div class="content"><p>
        如果以上的解答还没有解决你的问题或者让你满意，你还可以通过以下的方式联系我们，我们的工作人员会一一解答你的疑问。<br>
        1. 官方微博：@片刻  官方微信号：pianker<br>
        2. 帮助邮箱：help@pianke.me<br>
        3. QQ交流群：249262745(群1)、276979384(群2)<br>
        4. 当然你可以通过【更多】里面的意见反馈，提交你的疑问和建议<br><br>

        停下内心的匆忙，在拐弯处休息一下，哪怕片刻就好。Anyway，have fun~
        </p>
      </div>
    </div>

  </div>
  <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
  <script type="text/javascript">
  $('.item h3').on('click',function(){
    var el = $(this)
    ,p  = el.parent().find('.content')
    p.slideToggle()
    el.find('span').toggleClass('up')
       
  })
  </script>
</body>
</html>
